<!--
*Author：jxx
 *Contact：283591387@qq.com
 *代码由框架生成,任何更改都可能导致被代码生成器覆盖
 *业务请在@/extension/mall/Mall_seattypecolor.js此处编写
 -->
<template>
  <div>
    <view-grid ref="grid" :columns="columns" :detail="detail" :editFormFields="editFormFields" :editFormFileds="editFormFields" :editFormOptions="editFormOptions"
      :searchFormFields="searchFormFields" :searchFormFileds="searchFormFields" :searchFormOptions="searchFormOptions" :table="table" :extend="extend">
    </view-grid>
  </div>
</template>

<script>
import extend from '@/extension/mall/Mall_seattypecolor.js'
import ViewGrid from '@/components/basic/ViewGrid.vue'
var vueParam = {
  components: {
    ViewGrid,
  },
  data() {
    return {
      table: {
        key: 'id',
        footer: 'Foots',
        cnName: '座位类型',
        name: 'Mall_seattypecolor',
        url: '/Mall_seattypecolor/',
        sortName: 'id',
      },
      extend: extend,
      editFormFields: {
        seatTypeName: '',
        selectedColor: [],
        unselectedColor: [],
        creator: '',
        createID: '',
        createDate: '',
        modifier: '',
        modifyID: '',
        modifyDate: '',
        merchantCode: '',
        merchantName: '',
      },
      editFormOptions: [
        [
          {
            title: '座位类型名称',
            field: 'seatTypeName',
            type: 'text',
            required: true,
          },
        ],
        [
          {
            title: '座位颜色',
            field: 'unselectedColor',
            type: 'imgupgrade',
            required: false,
            maxFile: 5,
            multiple: true,
          },
        ],
        [
          {
            title: '选中颜色',
            field: 'selectedColor',
            type: 'imgupgrade',
            required: false,
            maxFile: 5,
            multiple: true,
          },
        ],
      ],
      searchFormFields: { seatTypeName: '' },
      searchFormOptions: [[{ title: '座位类型名称', field: 'seatTypeName', type: 'like' }]],
      columns: [
        {
          field: 'id',
          title: 'id',
          type: 'int',
          width: 90,
          hidden: true,
          readonly: true,
          require: true,
          align: 'left',
        },
        {
          field: 'seatTypeName',
          title: '座位类型名称',
          type: 'string',
          width: 120,
          align: 'left',
          sortable: true,
        },
        {
          field: 'selectedColor',
          title: '可选颜色',
          type: 'imgupgrade',
          width: 120,
          align: 'left',
        },
        {
          field: 'unselectedColor',
          title: '未选颜色',
          type: 'imgupgrade',
          width: 120,
          align: 'left',
        },
        {
          field: 'creator',
          title: '创建人',
          type: 'string',
          width: 80,
          align: 'left',
        },
        {
          field: 'createDate',
          title: '创建时间',
          type: 'datetime',
          width: 190,
          align: 'left',
          sortable: true,
        },
        {
          field: 'modifier',
          title: '修改人',
          type: 'string',
          width: 80,
          align: 'left',
        },
        {
          field: 'modifyDate',
          title: '修改时间',
          type: 'datetime',
          width: 190,
          align: 'left',
          sortable: true,
        },
        //    {field:'merchantCode',title:'商户编码',type:'string',width:220,align:'left'},
        //    {field:'merchantName',title:'商户名称',type:'string',width:220,align:'left'}
      ],
      detail: {
        cnName: '#detailCnName',
        columns: [],
        sortName: '',
        key: '',
      },
    }
  },
}
export default vueParam
</script>
